<script setup>
import { useI18nStore } from '@/stores/index.js';
const i18nStore = useI18nStore();
</script>

<template>
  <div class="text-center">
    <h1 class="text-[42px] font-bold mb-[10px] mobile:text-3xl">
      {{ i18nStore.translate('index173') }}
    </h1>
    <p class="text-[#666]">{{ i18nStore.translate('index174') }}</p>
    <div class="content mt-[40px]">
      <ul>
        <li
          class="w-full h-[80px] flex justify-between items-center text-[24px] text-[#666] border-b-[1px] cursor-pointer mobile:h-[60px] mobile:text-lg"
          v-for="i in 6"
        >
          <div>我需要多少存储空间?</div>
          <div><i class="pi pi-arrow-right" style=""></i></div>
        </li>
        <li></li>
      </ul>
    </div>
  </div>
</template>

<style scoped lang="scss">
ul {
  li {
    &:first-child {
      border-top: 1px solid #e5e7eb;
    }
  }
}
</style>
